<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>

		<style type="text/css">
			body {
				max-width: 500px;
			}

			
			
			div{
				border: 1px solid;
				margin: 10px;
				
				float: left;
			}
			
			
		</style>
	</head>
	<body>
		<!-- 
		 浮动之后  div 不在拥有 整宽的特性，浮动之后的元素 ， 之后 会变为块级元素 。 文字就可以环绕其周围了
		 -->

		Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorum quaerat blanditiis praesentium quibusdam
		<div>AAAAAAAA</div>
		placeat consequuntur tempora dolor delectus illum ab qui veritatis omnis nihil temporibus provident nemo ea
		molestias quam. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam commodi eius quam minima aliquid voluptatum quo praesentium repudiandae itaque rerum iste vitae reprehenderit sapiente amet voluptas? Pariatur itaque sapiente ipsum!
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Velit quidem reprehenderit quibusdam saepe libero ipsum et eum deserunt dolores illum. Harum aperiam nihil neque vero dolorum quae error maiores aspernatur.
	</body>
</html>
